<div id="projectList" class="row">
	<div class="col-sm-8">
		<div class="page-header">
			<div class="input-group col-sm-4 hidden-xs pull-right" ng-show="queryConfig.isShow">
				<input class="form-control" type="text"
					id="project-filter-input"
					ng-model="queryConfig.keyword" />
				<span class="input-group-btn">
					<button class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
				</span>
			</div>
			<h2>我的项目<small>(<span id="project-amount">{{projectList.length}}</span>/<span
				id="project-max">10</span>)</small></h2>
		</div>
		<p><a ng-href="#/project/add"
			class="btn btn-primary"
			id="project-create-jumpto">
			<span class="glyphicon glyphicon-plus"></span>&nbsp;创建项目</a>
		</p>
		<!-- TODO 使用信息卡形式 -->
		<table class="table table-striped table-hover">
			<thead>
				<tr>
					<th>项目名称</th>
					<th style="width:8em">版本号</th>
					<th style="width:8em">更新时间</th>
				</tr>
			</thead>
			<tbody>
				<tr ng-show="projectList.length===0">
					<td colspan="3">当前您还没有创建项目</td>
				</tr>
				<tr ng-repeat="p in projectList|filter:{name:queryConfig.keyword}"
					class="project-thumb">
					<td><a ng-href="#/project/{{p.projectId}}">{{p.name}}</a></td>
					<td>{{p.version}}</td>
					<td>{{p.updatetime|date:'yyyy/MM/dd'}}</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div id="sideBar" class="col-sm-3 col-sm-offset-1 hidden-xs">
		<h4>引导</h4>
		<p>您现在所在项目列表界面，您可以做如下操作：
			<ol>
				<li>创建项目</li>
				<li>通过条件筛选项目</li>
				<li>进入项目详情页</li>
			</ol>
		</p>
		<p>项目列表标题后面跟着当前项目个数。</p>
		<p>标题右边的收索框可以对项目进行关键字查询。</p>
	</div>
</div>
